<!DOCTYPE html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge" >
  <title>用户中心</title>
  <!--link rel="stylesheet" type="text/css" title="blue" href="./resource/css/dermadegreen.css" disabled="disabled">
  <link rel="stylesheet" type="text/css" title="orange" href="./resource/css/dermaorange.css" disabled="disabled"-->
  <link rel="stylesheet" title="" href="./resource/css/bootstrap.min.css" type="text/css">
  <link rel="stylesheet" title="" href="./resource/css/index.css" type="text/css">
  <link rel="stylesheet" title="blue" href="./resource/css/dermadeblue.css" type="text/css">
</head>

<body>
  <!-- 导航栏 -->
  <nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
    <div class="navbar-header">
      <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse">
      <!-- Logo -->
      <a href="#" class="logo">
        <span class="logo-lg"><img src="resource/img/logo.png" class="img-thumbnail img-circle">实习实训管理平台</span>
      </a>
      <ul class="nav navbar-nav pull-right">
        <li class="li-border">
          <a href="#" class="mystyle-color">
            <span class="glyphicon glyphicon-bell"></span>
            <span class="topbar-num">0</span>
          </a>
        </li>
        <li class="dropdown li-border"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown">张三<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="./login.html">退出</a></li>
          </ul>
        </li>
        <!--<li class="dropdown"><a href="#" class="dropdown-toggle mystyle-color" data-toggle="dropdown" aria-expanded="false">换肤<span class="caret"></span></a>-->
        <!--<ul class="dropdown-menu changecolor">-->
        <!--<li id="blue"><a href="#">蓝色</a></li>-->
        <!--<li class="divider"></li>-->
        <!--<li id="green"><a href="#">绿色</a></li>-->
        <!--<li class="divider"></li>-->
        <!--<li id="orange"><a href="#">橙色</a></li>-->
        <!--</ul>-->
        <!--</li>-->
      </ul>
    </div>
  </nav>
  <div class="down-main">
    <!-- 侧边栏 -->
    <nav class="left-main left-full">
      <div class="sidebar-fold"><span class="glyphicon glyphicon-indent-right"></span></div>
      <div class="subNavBox">
        <div class="sBox">
          <ul class="navContent"  style="display:block">
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">实训流程</div>
              <a id="firstLoad" data-ref="view/flow.html"><span class="sub-icon glyphicon glyphicon-home"></span><span class="sub-title" style="font-size:18px;">实训流程</span></a></li>
          </ul>
          <div class="subNav sublist-down"><span class="sublist-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">实训动态</span></div>
          <ul class="navContent" style="display:block">
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">新闻资讯</div>
              <a data-ref="view/news.html"><span class="sub-icon glyphicon glyphicon-th-list"></span><span class="sub-title">新闻资讯</span></a></li>
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">通知公告</div>
              <a data-ref="view/notice.html"><span class="sub-icon glyphicon glyphicon-comment"></span><span class="sub-title">通知公告</span></a></li>
          </ul>
        </div>
        <div class="sBox">
          <div class="subNav sublist-down"><span class="sublist-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">用户中心</span></div>
          <ul class="navContent" style="display:block">
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">个人信息</div>
              <a data-ref="view/template.html"><span class="sub-icon glyphicon glyphicon-user"></span><span class="sub-title">个人信息</span></a></li>
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">账户管理</div>
              <a data-ref="view/accountManager.html"><span class="sub-icon glyphicon glyphicon-folder-open"></span><span class="sub-title">账户管理</span></a></li>
          </ul>
        </div>
        <div class="sBox">
          <div class="subNav sublist-down"><span class="sublist-icon glyphicon glyphicon-chevron-down"></span><span class="sublist-title">实训管理</span>
          </div>
          <ul class="navContent" style="display:block">
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">选择实训</div>
              <a data-ref="view/selectPractice.html"><span class="sub-icon glyphicon glyphicon-check"></span><span class="sub-title">选择实训</span></a></li>
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">日志发布</div>
              <a data-ref="view/dailyRecord.html"><span class="sub-icon glyphicon glyphicon-envelope"></span><span class="sub-title">日志发布</span></a></li>
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">发布月刊</div>
              <a data-ref="view/monthly.html"><span class="sub-icon glyphicon glyphicon-bullhorn"></span><span class="sub-title">发布月刊</span></a></li>
            <li>
              <div class="showtitle" style="width:100px;"><img src="./resource/img/leftimg.png">实训成绩</div>
              <a data-ref="view/score.html"><span class="sub-icon glyphicon glyphicon-credit-card"></span><span class="sub-title">实训成绩</span></a></li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- 内容 -->
    <div id="main" class="right-product right-full cnt-container clearfix"></div>
  </div>
  <script src="./resource/js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="./resource/js/jquery.cookie.js" type="text/javascript"></script>
  <script src="./resource/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="./resource/js/notify.min.js" type="text/javascript"></script>
  <script src="./resource/js/index.js" type="text/javascript"></script>
</body>

</html>